<div class="modal-body" ng-controller="InspectCtrl" ng-init="init()">
	<div class="dashboard-editor-header">
		<div class="dashboard-editor-title">
			<i class="icon icon-eye-open"></i>
			Inspector
		</div>

		<div ng-model="editor.index" bs-tabs>
			<div ng-repeat="tab in ['Request', 'Response', 'JS Error']"
				 data-title="{{tab}}">
			</div>
		</div>

	</div>

	<div class="dashboard-editor-body">

		<div ng-if="editor.index == 0">
			<h5>Request details</h5>
			<table class="table table-striped small inspector-request-table">
				<tr>
					<td>Url</td>
					<td>{{inspector.error.config.url}}</td>
				</tr>
				<tr>
					<td>Method</td>
					<td>{{inspector.error.config.method}}</td>
				</tr>
				<tr ng-repeat="(key, value) in inspector.error.config.headers">
					<td>
						{{key}}
					</td>
					<td>
						{{value}}
					</td>
				</tr>
			</table>

			<h5>Request parameters</h5>
			<table class="table table-striped small inspector-request-table">
				<tr ng-repeat="param in request_parameters">
					<td>
						{{param.key}}
					</td>
					<td>
						{{param.value}}
					</td>
				</tr>
			</table>
		</div>

		<div ng-if="editor.index == 1">
			<h5 ng-if="response" ng-bind="response"></h5>

			<div ng-if="response_html">
				<div iframe-content="response_html"></div>
			</div>

		</div>

		<div ng-if="editor.index == 2">

			<label>Message:</label>
			<pre>
			{{message}}
		</pre>

			<label>Stack trace:</label>
			<pre>
			{{stack_trace}}
		</pre>

		</div>

	</div>

</div>

<div class="modal-footer">
	<button type="button" class="btn btn-info" ng-click="dismiss()">Close
	</button>
</div>
